<template>
	<div>
		<div class="overlay">
			<div class="overlay-content scrolling">
				<van-nav-bar title="授权管理" left-text left-arrow @click-left="$router.push({path:'/Flash'})" @click-right="$router.push({path:'/Impower'})">
					<van-icon slot="right" style="color:#1989fa" size="20" name="question-o" />
				</van-nav-bar>

				<van-tabs v-model="active">
					<van-tab title="闪兑 (ox协议)">
						<div style="border-bottom:1px solid #f1f3f4;margin:0 20px">
							<van-cell-group>
								<van-switch-cell v-model="checked" size="20px" title="ATOM" />
							</van-cell-group>
						</div>
						<div style="border-bottom:1px solid #f1f3f4;margin:0 20px">
							<van-cell-group>
								<van-switch-cell v-model="checked" size="20px" title="ATOM" />
							</van-cell-group>
						</div>
					</van-tab>
					<van-tab title="市场 (ox协议)">
						<div style="border-bottom:1px solid #f1f3f4;margin:0 20px">
							<van-cell-group>
								<van-switch-cell v-model="checked" size="20px" title="ATOM" />
							</van-cell-group>
						</div>
						<div style="border-bottom:1px solid #f1f3f4;margin:0 20px">
							<van-cell-group>
								<van-switch-cell v-model="checked" size="20px" title="ATOM" />
							</van-cell-group>
						</div>
					</van-tab>
				</van-tabs>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				checked: true
			};
		}
	};
</script>

<style lang="less" scoped>
	.van-cell {
		padding: 15px 0;
	}
	
	/deep/.van-hairline--top-bottom::after,
	.van-hairline-unset--top-bottom::after {
		border-width: 0;
	}
	
	/deep/.van-hairline--top-bottom::after,
	.van-hairline-unset--top-bottom::after {
		border-width: 0;
	}
	
	.van-hairline--bottom::after {
		border-bottom-width: 0;
	}
	
	.van-nav-bar {
		background-color: #fbfcfd;
		/deep/.van-hairline--bottom::after {
			border-bottom-width: 0;
		}
		.van-nav-bar__title {
			font-size: 15px;
		}
		.van-icon {
			font-size: 18px;
			// color: #333333;
		}
	}
	
	.van-nav-bar__right {
		.van-icon {
			color: #1989fa !important;
		}
	}
	
	/deep/.van-tab {
		color: black;
		background-color: #fbfcfd;
	}
	
	/deep/.van-tab--active {
		color: #1989fa;
	}
	
	/deep/.van-tabs__line {
		background-color: #1989fa;
		width: 50% !important;
	}
</style>